import React from 'react'
import { useSelector } from 'react-redux'
import "./index.scss"
export default function FirmLogo({ name, size = 72, font = 23 }) {
    const { colors2 } = useSelector(state => state.toggelStyle)
    return (
        <p className='logo-in' style={{
            width: size,
            height: size,
            fontSize: font,
            backgroundColor: colors2[parseInt(Math.random() * colors2.length)]
        }}>{name?.slice(0, 2)}<br />{name?.slice(2, 4)}</p>
    )
}
